﻿
@{
    ViewData["Title"] = "RuPurchs";
    Layout = "~/Views/Home/Main.cshtml";
}

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    @*   <link rel="stylesheet" href="/layui.css"> *@ <!-- 确保layui的CSS路径正确 -->

</head>
<body>
    <div class="form-container">
        <form class="layui-form" action="">
            <div class="layui-form-item">
                <h1>采购信息</h1>
                <div class="layui-inline">
                    <label class="layui-form-label">采购编号</label>
                    <div class="layui-input-inline">
                        <input type="text" disabled id="purchaseCode1" name="purchaseCode" lay-verify="required" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label">采购原料名称</label>
                    <div class="layui-input-inline">
                        <input type="text" disabled id="ingredientName1" name="ingredient" lay-verify="required" autocomplete="off" class="layui-input">
                    </div>
                </div>
            </div>

            <div class="layui-form-item">
                <div class="layui-inline">
                    <label class="layui-form-label">采购原料编号</label>
                    <div class="layui-input-inline">
                        <input type="text" disabled id="ingredient1" name="ingredientName" lay-verify="required" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label">采购原料数量</label>
                    <div class="layui-input-inline" style="width: 100px;">
                        <input type="number" disabled id="purchaseNumber1" name="purchaseNumber" placeholder="" autocomplete="off" class="layui-input" min="0" step="1" lay-affix="number">
                    </div>

                </div>
            </div>

            <div class="layui-form-item">
                <div class="layui-inline">
                    <label class="layui-form-label">采购日期</label>
                    <div class="layui-input-inline">
                        <input type="date" disabled class="layui-input" lay-verify="required" autocomplete="off" id="purchaseDate1" name="purchaseDate" placeholder="yyyy年MM月dd日">
                    </div>

                </div>
                <div class="layui-inline">
                    <label class="layui-form-label">采购批次号</label>
                    <div class="layui-input-inline">

                        <input type="text" disabled id="purchaseBatch1" name="purchaseBatch" lay-verify="required" autocomplete="off" class="layui-input">
                    </div>
                </div>
            </div>
            <div class="layui-form-item">
                <div class="layui-input-block">
                    <button type="button" class="layui-btn layui-bg-blue" onclick="ShowInss()">入库</button>
                    <button type="reset" class="layui-btn layui-btn-primary" onclick="location.href='/Purch/ShowPurchIn'">取消</button>
                </div>
            </div>

        </form>
        <script src="~/js/Purch/RukuShow.js"></script>

    </div>
    <style>
        .form-container {
            width: 100%;
            max-width: 700px; /* 限制最大宽度，使表单更紧凑 */
            margin: 0 auto;
            padding: 20px 30px; /* 增加内边距，使内容更居中 */
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* 稍微增强阴影效果 */
            border-radius: 8px; /* 添加圆角 */
            background-color: #fff; /* 确保背景为白色 */
        }

        .layui-form-item {
            margin-bottom: 20px;
        }

            .layui-form-item .layui-inline {
                display: flex;
                align-items: center; /* 垂直对齐 */
            }

            .layui-form-item .layui-form-label {
                width: 120px; /* 设置标签宽度 */
                text-align: right; /* 文本右对齐 */
                padding-right: 10px; /* 标签与输入框之间的间距 */
            }

            .layui-form-item .layui-input-inline,
            .layui-form-item .layui-input-block select {
                width: calc(100% - 130px); /* 根据标签宽度调整输入框宽度 */
            }

            .layui-form-item .layui-input-block select {
                margin-left: 0; /* 确保单选按钮块的左边距为0 */
            }

            .layui-form-item:last-child {
                margin-bottom: 0; /* 移除最后一个表单项的底部边距 */
            }

        .layui-btn {
            padding: 10px 20px; /* 调整按钮内边距 */
            margin-right: 10px; /* 为提交按钮添加右边距 */
            border-radius: 4px; /* 添加圆角 */
        }

        .layui-btn-primary {
            background-color: #e6f7ff; /* 修改重置按钮的背景色 */
            border-color: #c2e5ff; /* 修改重置按钮的边框色 */
            color: #409eff; /* 修改重置按钮的文本色 */
        }

    </style>
</body>
</html>








